        * {
            margin: 0px;
            padding: 0px;
        }
        
        #header {
            height: 30px;
            border-bottom: 1px solid gainsboro;
        }
        
        #userbar {
            float: right;
        }
        
        #link-wrapper {
            float: right;
        }
        
        #header ul li {
            list-style: none;
            float: left;
            margin: 0 11px;
            font-size: 13px;
            line-height: 30px;
        }
        
        #mnb {
            height: 13px;
            width: 1px;
            float: right;
            background-color: #ebebeb;
            margin: 8.5px 14px;
            /*position: absolute;*/
        }
        
        .a-line {
            color: black;
            font-weight: bold;
        }
        
        .px {
            color: black;
        }
        
        #clearfix::after {
            display: block;
            content: ".";
            height: 0px;
            clear: both;
            line-height: 0px;
            font-size: 0px;
            visibility: hidden;
        }
        /*清除浮动方式感觉能记住的：、
1.给父元素设置高度，高度若和编辑网页内容合适能用最好，不能用还是别用了
2.添加空标签：给同级别的需要清除浮动的元素添加空标签属性设为clear:both;意思是清除周边元素
3.最常用的适应性最好的：适合第二种相似的增加一个基本为空的标签，但是最后将他隐藏起来
内容随便设定少点最好例如：display:block;content：","*;height:0px;clear:both;最后再将它隐藏起来就进行over：hidden；最后
可以再加上一个｛zoom：1｝这个是为了增加适应范围因为有的浏览器不一定能用到<!--span*2>a这样就可以创建两个包含a的span标签-->
<!--这种这种方式可以但是会有间隙存在不可取-->*/
        /*从最简单做起一步一个脚印*/
        
        #logo {
            width: 130px;
            height: 50px;
            display: inline-block;
            position: relative;
            top: -20px;
            margin-right: 15px;
        }
        
        #search-input {
            height: 80px;
            position: relative;
            left: 20px;
        }
        
        #inputa {
            width: 520px;
            height: 38px;
            border: 1px solid gainsboro;
        }
        
        #inputb {
            width: 100px;
            height: 40px;
            border: 0px;
            position: relative;
            font-size: 16px;
            right: 4.45px;
            top: 1px;
            padding-left: -4.45px;
            background-color: #3388FF;
        }
        
        #numbertwo {
            height: 80px;
            width: 940px;
            margin-top: 5px;
            padding-left: 94px;
            margin: 0 auto;
        }
        
        #sousuo {
            display: inline-block;
        }
        
        #numbertwo a {
            margin-left: 10px;
            font-size: 14px;
        }
        
        #inputc {
            font-size: 11px;
            position: relative;
            color: #B8B8B8;
            top: 5px;
        }
        
        #inputd {
            font-size: 11px;
            position: relative;
            color: #B8B8B8;
            top: 5px;
        }
        
        #inpute {
            position: relative;
            top: 8px;
            margin-right: 3px;
        }
        
        #inputf {
            position: relative;
            top: 8px;
        }
        
        #neiqian {
            display: inline-block;
            margin-top: 30px;
        }
        /*第三部分*/
        
        #numberthree {
            height: 40px;
            width: 100%;
            background-color: #01204F;
            margin-top: 20px;
            margin-bottom: 10px;
        }
        
        #nav {
            width: 984px;
            height: 40px;
            line-height: 30px;
            margin: 0 auto;
        }
        
        #nav li {
            list-style: none;
            float: left;
            line-height: 40px;
            padding: 0 11px;
        }
        
        .size {
            color: white;
            font-weight: bold;
            font-size: 14px;
            text-decoration: none;
        }
        
        #nav li:hover {
            height: 40px;
            background-color: #CC0000;
        }
        
        #nav #first {
            padding-left: 30px;
        }
        /*第四部分*/
        
        #content {
            width: 984px;
            margin-top: 8 px;
            margin: 0 auto;
        }
        
        #contentleft {
            width: 390px;
            
        }
        
        #contentone {
            width: 390px;
            height: 39px;
            border-bottom: 1px solid silver;
        }
        
        #contentone1 {
            height: 39px;
            width: 113px;
            display: inline-block;
             border-bottom: 1px solid black;
        }
        #contentone1:hover{ 
            border-bottom: 3px solid blue;}
        #contentonea {
            font-size: 18px;
            font-weight: bold;
            padding: 0 20px;
            line-height: 39px;
            border-right: 0.25px solid#C0C0C0;
        }
        
        #contentonea:hover {
            color: #2F63BA;
            border-bottom-color: #2F63BA;
        }
        
        #contentoneb {
            font-size: 18px;
            font-weight: bold;
            padding: 0 20px;
            line-height: 39px;
        }
        
        #contentoneb:hover {
            color: #2F63BA;
            border-bottom-color: #2F63BA;
        }
        
        #contentonec {
            font-size: 18px;
            font-family: "KodchiangUPC";
            text-align: right;
            padding-top: 5px;
            color: #334C72;
            position: relative;
            top: 5px;
            left: 56.0px;
        }
        
        #contentone2 {
            height: 39px;
            width: 112px;
            display: inline-block;
            border-bottom: 1px solid black;
        }

        #contentone2:hover{ 
            border-bottom: 3px solid blue;}

        
        #contentone3 {
            height: 39px;
            width: 165px;
            display: inline-block;
            position: absolute;
        }
        
        #contenttwo1 {
            list-style-position: inside;
        }
        #content>hr{
            border:1px dashed; height:1px

        }
        /*这个是对点的位置进行设置*/
        
        #contentchreea {
            list-style-position: inside;
        }
        
        #a1,
        #a2,
        #a3 {
            list-style-type: square;
            /*这个是对点的种类进行设置*/
            color: red;
            padding-left: 0px;
        }
        
        #a4,
        #a5,
        #a6,
        #a7,
        #a8 {
            list-style-type: square;
            color: red;
            padding-left: 1px;
            /*这个是对点到内容之间的距离*/
        }
        
        .xiaobiaodiana {
            color:cornflowerblue;
            font-size: 8px;
            list-style-type: square;
            padding-left: 1px;
        }
        
        .xiaobiaodian {
            font-size: 13px;
            color: black;
            text-decoration: none;
            line-height: 25px;
        }
        
        #a11,
        #a22,
        #a33 {
            font-size: 18px;
            font-weight: bold;
            color: black;
            text-decoration: none;
            line-height: 40px;
        }
        
        #a44,
        #a55,
        #a66,
        #a77,
        #a88 {
            font-size: 17px;
            font-weight: bold;
            color: black;
            text-decoration: none;
            line-height: 30px;
        }
        /*右变部分*/
        #contentright{
            width:560px;
            height:1500px;
            background-color: indianred;
   position: relative;
   left: 424px;
   top:-1032px;
        }
        #contentrightone{
            width:560px;
            height: 315px;
            background-color: gray;
        }
        #contentrighttwo{
            width:560px;
            height: 224px;
            background-color:lightblue;
        }
        #contentrighttwoa{
            width:560px;
            height: 210px;
            background-color:cyan;
            padding-top: 14px;

        }
         #contentrighttwoa1{
             width:560px;
             height:21px;
             background-color: cornflowerblue;
             padding-top:3px;
         }
         #contentrighttwoa2{
             width:560px;
             height:190px;
             background-color: burlywood;
             padding-top:10px;
         }
         #contentrighttwoa21{
             width:184.5px;
             height:88px;
             background-color:blue;
           display: table-cell;
            vertical-align: middle;
          
         }
         #shiyan{
             width:180px;
              text-align: center;
              margin :5px auto;
               
         }
          #contentrighttwoa>#contentrighttwoa2>#contentrighttwoa22{
             width:184.5px;
             height:88px;
             background-color:lightblue;
             margin-left: 186.5px;
                margin-top: -88px;
           
           
          
         }
         #shiyan2{
             width:180px;
              height:88px;
              text-align: center;
              display: table-cell;
               vertical-align: middle;
            
          
               
         }
